<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style type="text/css">
		.check{
			width:30px;
			height:30px;
		}
		
	</style>
	<title>CRM-联系人信息</title>
</head>
<body>
		<%@ include file="include/base.jsp" %>
		<%@ include file="include/base-top.jsp" %>
		
		<div class="container">
			<h2>通讯录</h2>
			<hr/>
			<div class="span8">
				<div class="controls">
				  <select class="span2" id="select01">
					<option>显示所有联系人</option>
					<option>所有个人</option>
					<option>所有公司</option>
					<option>我创建的联系人</option>
				  </select>
				  <ul class="nav nav-pills contact-filter">
					<li class="dropdown">
		              <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">姓名<b class="caret"></b></a>
		              	<ul class="dropdown-menu">
							<div class="dropdown-box">
								<form class="span3 form-search contacts-search">
					      			<input type="text" name="name" class="input-small search-query">
									<button  data-loading-text="处理中.." class="btn" type="submit">搜索</button>
					      		</form>
							</div>
				    	</ul>
		            </li>
		            
					<li class="dropdown">
		              <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">设置<b class="caret"></b></a>
		              <ul class="dropdown-menu">
							<div class="dropdown-box">
								<form class="span3 form-search contacts-search">
					      			<input type="text" name="name" class="input-small search-query">
									<button  data-loading-text="处理中.." class="btn" type="submit">搜索</button>
					      		</form>
							</div>
				    	</ul>
		            </li>
		            <li class="dropdown">
		              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
		              <ul class="dropdown-menu">
							<div class="dropdown-box">
								<form class="span3 form-search contacts-search">
					      			<input type="text" name="name" class="input-small search-query">
									<button  data-loading-text="处理中.." class="btn" type="submit">搜索</button>
					      		</form>
							</div>
				    	</ul>
		            </li>
			      </ul>
				</div>
				
				<hr/>
				<div>
					<div id="party_selection_controls">
						<div id="summaries" style="display: inline; top: 0px;">
							勾选联系人后可以批量添加标签、修改访问权限、删除和群发邮件
							<a style="float:right" id="toggle_link" href="#">全选</a>
						</div>
						
						<!-- <div id="contact_actions" style="top: 20px; display: block;">
							<a data_action="add_tag" id="add_tag_link" class="action">添加标签</a>
								<a data_action="update_access_policy" id="update_access_policy_link" class="action">修改访问权限</a>
								<a class="destroy action" data_action="destroy" id="destroy_link">删除</a>
							<a data_action="send_email" id="send_email_link" class="action">群发邮件</a>
						</div> -->
						<hr/>
						
						<c:forEach items="${companyList}" var="cl">
							<div class="row">
								<div class="span1">
									<input type="checkbox" value="" name="id[]" id="id_">
								</div>
								<div class="span1" style="margin-left:5px;">
									<img src="image/company.png" style="width:32px;height:32px"></img>
								</div>
								<div class="span4" style="margin-left:5px;">
									<span><a href="company.jspx?id=${cl.id }">${cl.companyname }</a></span><br/>
									<span>${cl.email }</span>--<span>${cl.tel }</span>
								</div>
							</div>
						</c:forEach>
						
						<hr/>
					</div>
					
				
				</div>
			</div>
			<div class="span3 well">
				<ul class="nav nav-list">
					<li><a href="adcompany.jspx"><i class="icon-book"></i>添加公司</a></li>
					<li><a href="addContact.jspx"><i class="icon-fire"></i>添加联系人</a></li>
					<li><a href="#"><i class="icon-up"></i>导入联系人</a></li>
					<li><a href="#"><i class="icon-down"></i>导出联系人</a></li>
				</ul>
			</div>
		</div>
		
		<script type="text/javascript">
			$(document).ready(function(){
				$('.dropdown').click(function(){
					$('.input-small').focus();
				});
			});
			
		
		</script>

	
</body>
</html>
